<template>
  <div class="movie">
    <div class="selectbox">
      <div class="cities slectbox">全城<i class="iconfont icon-icon_sanjiaoxing"></i></div>
      <div class="brands slectbox">品牌<i class="iconfont icon-icon_sanjiaoxing"></i></div>
      <div class="charactities slectbox">特色<i class="iconfont icon-icon_sanjiaoxing"></i></div>
    </div>

    <div class="message">
      <a href="/shows/16414">
        <div class="item mb-line-b"
             data-id="16414"
             data-bid="dp_wx_home_cinema_list">
          <div class="title-block box-flex middle">
            <div class="title line-ellipsis">
              <span>耀莱成龙影城（上海虹桥店）</span>
              <span class="price-block">
                <span class="price">14</span><span class="q">元起</span>
              </span>
            </div>
            <div class="location-block box-flex">
              <div class="flex line-ellipsis">闵行区申滨路473号新华联购物中心南区2层</div>
              <div class="distance">877.3km</div>
            </div>
            <div class="flex"></div>
            <div class="label-block">
              <div class="vipTag">折扣卡</div>
            </div>

            <div class="discount-block">
              <div>
                <div class="discount-label normal card">
                  <img src="//p1.meituan.net/scarlett/ff1c6e33ed0ac3cd862910a83d4bf959583.png" />
                </div>
                <div class="discount-label-text">开卡特惠，首单1张最高立减8元</div>
              </div>
            </div>
          </div>

        </div>
      </a>
      <a href="/shows/221">
        <div class="item mb-line-b"
             data-id="221"
             data-bid="dp_wx_home_cinema_list">
          <div class="title-block box-flex middle">
            <div class="title line-ellipsis">
              <span>世纪仙霞影城</span>
              <span class="price-block">
                <span class="price">14</span><span class="q">元起</span>
              </span>
            </div>
            <div class="location-block box-flex">
              <div class="flex line-ellipsis">长宁区仙霞西路88号百联西郊购物中心4楼（近哈密路）</div>
              <div class="distance">883.1km</div>
            </div>
            <div class="flex"></div>
            <div class="label-block">
              <div class="endorse">改签</div>
              <div class="snack">小吃</div>
              <div class="vipTag">折扣卡</div>
            </div>

            <div class="discount-block">
              <div>
                <div class="discount-label normal card">
                  <img src="//p1.meituan.net/scarlett/ff1c6e33ed0ac3cd862910a83d4bf959583.png" />
                </div>
                <div class="discount-label-text">开卡特惠，首单1张最高立减4元</div>
              </div>
            </div>
          </div>

        </div>
      </a>
      <a href="/shows/27490">
        <div class="item mb-line-b"
             data-id="27490"
             data-bid="dp_wx_home_cinema_list">
          <div class="title-block box-flex middle">
            <div class="title line-ellipsis">
              <span>新杨湾大光明影城</span>
              <span class="price-block">
                <span class="price">14</span><span class="q">元起</span>
              </span>
            </div>
            <div class="location-block box-flex">
              <div class="flex line-ellipsis">宝山区江杨南路880号3幢D2-1室</div>
              <div class="distance">896km</div>
            </div>
            <div class="flex"></div>
            <div class="label-block">
              <div class="allowRefund">退</div>
              <div class="endorse">改签</div>
              <div class="vipTag">折扣卡</div>
              <div class="hallType">DTS:X 临境音厅</div>
            </div>

            <div class="discount-block">
              <div>
                <div class="discount-label normal card">
                  <img src="//p1.meituan.net/scarlett/ff1c6e33ed0ac3cd862910a83d4bf959583.png" />
                </div>
                <div class="discount-label-text">开卡特惠，首单1张最高立减4元</div>
              </div>
            </div>
          </div>

        </div>
      </a>
      <a href="/shows/27553">
        <div class="item mb-line-b"
             data-id="27553"
             data-bid="dp_wx_home_cinema_list">
          <div class="title-block box-flex middle">
            <div class="title line-ellipsis">
              <span>C＋影城（宝山新业坊LUXE 店）</span>
              <span class="price-block">
                <span class="price">14</span><span class="q">元起</span>
              </span>
            </div>
            <div class="location-block box-flex">
              <div class="flex line-ellipsis">宝山区逸仙路1328号新业坊·源创10幢101室（殷高西路地铁站旁）</div>
              <div class="distance">897.3km</div>
            </div>
            <div class="flex"></div>
            <div class="label-block">
              <div class="allowRefund">退</div>
              <div class="endorse">改签</div>
              <div class="hallType">LUXE巨幕厅</div>
            </div>

            <div class="discount-block">
            </div>
          </div>

        </div>
      </a>
      <a href="/shows/36315">
        <div class="item mb-line-b"
             data-id="36315"
             data-bid="dp_wx_home_cinema_list">
          <div class="title-block box-flex middle">
            <div class="title line-ellipsis">
              <span>万达影城（马桥万达广场IMAX店）</span>
              <span class="price-block">
                <span class="price">15</span><span class="q">元起</span>
              </span>
            </div>
            <div class="location-block box-flex">
              <div class="flex line-ellipsis">闵行区富岩路121号万达广场5楼万达影城</div>
              <div class="distance">876.5km</div>
            </div>
            <div class="flex"></div>
            <div class="label-block">
              <div class="endorse">改签</div>
              <div class="vipTag">折扣卡</div>
            </div>

            <div class="discount-block">
              <div>
                <div class="discount-label normal card">
                  <img src="//p1.meituan.net/scarlett/ff1c6e33ed0ac3cd862910a83d4bf959583.png" />
                </div>
                <div class="discount-label-text">开卡特惠，29.9元起开卡</div>
              </div>
            </div>
          </div>

        </div>
      </a>
      <a href="/shows/7894">
        <div class="item mb-line-b"
             data-id="7894"
             data-bid="dp_wx_home_cinema_list">
          <div class="title-block box-flex middle">
            <div class="title line-ellipsis">
              <span>万达影城（银兴菲林店）</span>
              <span class="price-block">
                <span class="price">15</span><span class="q">元起</span>
              </span>
            </div>
            <div class="location-block box-flex">
              <div class="flex line-ellipsis">嘉定区塔城路295号疁城天地2幢（近博乐路）</div>
              <div class="distance">879.8km</div>
            </div>
            <div class="flex"></div>
            <div class="label-block">
              <div class="endorse">改签</div>
              <div class="snack">小吃</div>
              <div class="vipTag">折扣卡</div>
              <div class="hallType">杜比全景声厅</div>
              <div class="hallType">4D厅</div>
            </div>

            <div class="discount-block">
              <div>
                <div class="discount-label normal card">
                  <img src="//p1.meituan.net/scarlett/ff1c6e33ed0ac3cd862910a83d4bf959583.png" />
                </div>
                <div class="discount-label-text">开卡特惠，29.9元起开卡</div>
              </div>
            </div>
          </div>

        </div>
      </a>
      <a href="/shows/224">
        <div class="item mb-line-b"
             data-id="224"
             data-bid="dp_wx_home_cinema_list">
          <div class="title-block box-flex middle">
            <div class="title line-ellipsis">
              <span>世纪友谊影城•上海5星影院</span>
              <span class="price-block">
                <span class="price">15</span><span class="q">元起</span>
              </span>
            </div>
            <div class="location-block box-flex">
              <div class="flex line-ellipsis">闵行区沪闵路7250号友谊南方商城9楼（地铁一号线莲花站对面）</div>
              <div class="distance">882.8km</div>
            </div>
            <div class="flex"></div>
            <div class="label-block">
              <div class="allowRefund">退</div>
              <div class="endorse">改签</div>
              <div class="vipTag">折扣卡</div>
              <div class="hallType">杜比全景声厅</div>
              <div class="hallType">LUXE巨幕厅</div>
              <div class="hallType">DTS:X 临境音厅</div>
            </div>

            <div class="discount-block">
              <div>
                <div class="discount-label normal card">
                  <img src="//p1.meituan.net/scarlett/ff1c6e33ed0ac3cd862910a83d4bf959583.png" />
                </div>
                <div class="discount-label-text">开卡特惠，首单1张最高立减4元</div>
              </div>
            </div>
          </div>

        </div>
      </a>
      <a href="/shows/17199">
        <div class="item mb-line-b"
             data-id="17199"
             data-bid="dp_wx_home_cinema_list">
          <div class="title-block box-flex middle">
            <div class="title line-ellipsis">
              <span>CMC大光明影城（莲花店）</span>
              <span class="price-block">
                <span class="price">15</span><span class="q">元起</span>
              </span>
            </div>
            <div class="location-block box-flex">
              <div class="flex line-ellipsis">闵行区沪闵路7866号莲花国际广场B1层（地铁一号线莲花路站对面）</div>
              <div class="distance">883.2km</div>
            </div>
            <div class="flex"></div>
            <div class="label-block">
              <div class="endorse">改签</div>
              <div class="vipTag">折扣卡</div>
              <div class="hallType">DTS:X 临境音厅</div>
            </div>

            <div class="discount-block">
            </div>
          </div>

        </div>
      </a>
      <a href="/shows/31069">
        <div class="item mb-line-b"
             data-id="31069"
             data-bid="dp_wx_home_cinema_list">
          <div class="title-block box-flex middle">
            <div class="title line-ellipsis">
              <span>大光明RGB全激光影城（红太阳店）</span>
              <span class="price-block">
                <span class="price">15</span><span class="q">元起</span>
              </span>
            </div>
            <div class="location-block box-flex">
              <div class="flex line-ellipsis">宝山区地址是：通河路533弄2号红太阳商业广场3楼（从一楼爱婴室旁手扶梯电梯至三楼）</div>
              <div class="distance">894.8km</div>
            </div>
            <div class="flex"></div>
            <div class="label-block">
              <div class="allowRefund">退</div>
              <div class="endorse">改签</div>
              <div class="vipTag">折扣卡</div>
            </div>

            <div class="discount-block">
              <div>
                <div class="discount-label normal card">
                  <img src="//p1.meituan.net/scarlett/ff1c6e33ed0ac3cd862910a83d4bf959583.png" />
                </div>
                <div class="discount-label-text">开卡特惠，首单1张最高立减4元</div>
              </div>
            </div>
          </div>

        </div>
      </a>
      <a href="/shows/24721">
        <div class="item mb-line-b"
             data-id="24721"
             data-bid="dp_wx_home_cinema_list">
          <div class="title-block box-flex middle">
            <div class="title line-ellipsis">
              <span>万达影城（北翼XLAND店）</span>
              <span class="price-block">
                <span class="price">15</span><span class="q">元起</span>
              </span>
            </div>
            <div class="location-block box-flex">
              <div class="flex line-ellipsis">宝山区水产路2449号3楼</div>
              <div class="distance">895.8km</div>
            </div>
            <div class="flex"></div>
            <div class="label-block">
              <div class="endorse">改签</div>
              <div class="snack">小吃</div>
              <div class="vipTag">折扣卡</div>
              <div class="hallType">RealD厅</div>
            </div>

            <div class="discount-block">
              <div>
                <div class="discount-label normal card">
                  <img src="//p1.meituan.net/scarlett/ff1c6e33ed0ac3cd862910a83d4bf959583.png" />
                </div>
                <div class="discount-label-text">开卡特惠，29.9元起开卡</div>
              </div>
            </div>
          </div>

        </div>
      </a>
      <a href="/shows/15754">
        <div class="item mb-line-b"
             data-id="15754"
             data-bid="dp_wx_home_cinema_list">
          <div class="title-block box-flex middle">
            <div class="title line-ellipsis">
              <span>中宏影城</span>
              <span class="price-block">
                <span class="price">15</span><span class="q">元起</span>
              </span>
            </div>
            <div class="location-block box-flex">
              <div class="flex line-ellipsis">宝山区殷高西路555号西区3楼</div>
              <div class="distance">896.3km</div>
            </div>
            <div class="flex"></div>
            <div class="label-block">
              <div class="allowRefund">退</div>
              <div class="endorse">改签</div>
              <div class="snack">小吃</div>
              <div class="vipTag">折扣卡</div>
              <div class="hallType">DTS:X 临境音厅</div>
            </div>

            <div class="discount-block">
              <div>
                <div class="discount-label normal card">
                  <img src="//p1.meituan.net/scarlett/ff1c6e33ed0ac3cd862910a83d4bf959583.png" />
                </div>
                <div class="discount-label-text">开卡特惠，首单1张最高立减4元</div>
              </div>
            </div>
          </div>

        </div>
      </a>
      <a href="/shows/27409">
        <div class="item mb-line-b"
             data-id="27409"
             data-bid="dp_wx_home_cinema_list">
          <div class="title-block box-flex middle">
            <div class="title line-ellipsis">
              <span>万达影城（青浦万达茂IMAX店）</span>
              <span class="price-block">
                <span class="price">15.1</span><span class="q">元起</span>
              </span>
            </div>
            <div class="location-block box-flex">
              <div class="flex line-ellipsis">青浦区淀山湖大道1059弄1-45号A区-4F</div>
              <div class="distance">854.4km</div>
            </div>
            <div class="flex"></div>
            <div class="label-block">
              <div class="endorse">改签</div>
              <div class="vipTag">折扣卡</div>
              <div class="hallType">IMAX厅</div>
              <div class="hallType">RealD厅</div>
              <div class="hallType">儿童厅</div>
            </div>

            <div class="discount-block">
              <div>
                <div class="discount-label normal card">
                  <img src="//p1.meituan.net/scarlett/ff1c6e33ed0ac3cd862910a83d4bf959583.png" />
                </div>
                <div class="discount-label-text">开卡特惠，29.9元起开卡</div>
              </div>
            </div>
          </div>

        </div>
      </a>
      <a href="/shows/13237">
        <div class="item mb-line-b"
             data-id="13237"
             data-bid="dp_wx_home_cinema_list">
          <div class="title-block box-flex middle">
            <div class="title line-ellipsis">
              <span>万达影城（金山万达广场IMAX店）</span>
              <span class="price-block">
                <span class="price">15.1</span><span class="q">元起</span>
              </span>
            </div>
            <div class="location-block box-flex">
              <div class="flex line-ellipsis">金山区龙皓路1088号万达广场四楼（蒙山北路）</div>
              <div class="distance">863.9km</div>
            </div>
            <div class="flex"></div>
            <div class="label-block">
              <div class="endorse">改签</div>
              <div class="snack">小吃</div>
              <div class="vipTag">折扣卡</div>
              <div class="hallType">IMAX厅</div>
              <div class="hallType">RealD厅</div>
              <div class="hallType">4D厅</div>
            </div>

            <div class="discount-block">
              <div>
                <div class="discount-label normal card">
                  <img src="//p1.meituan.net/scarlett/ff1c6e33ed0ac3cd862910a83d4bf959583.png" />
                </div>
                <div class="discount-label-text">开卡特惠，29.9元起开卡</div>
              </div>
            </div>
          </div>

        </div>
      </a>
      <a href="/shows/9213">
        <div class="item mb-line-b"
             data-id="9213"
             data-bid="dp_wx_home_cinema_list">
          <div class="title-block box-flex middle">
            <div class="title line-ellipsis">
              <span>万达影城（松江万达广场IMAX店）</span>
              <span class="price-block">
                <span class="price">15.1</span><span class="q">元起</span>
              </span>
            </div>
            <div class="location-block box-flex">
              <div class="flex line-ellipsis">松江区广富林路692号松江万达广场4楼（嘉松南路）</div>
              <div class="distance">866km</div>
            </div>
            <div class="flex"></div>
            <div class="label-block">
              <div class="endorse">改签</div>
              <div class="vipTag">折扣卡</div>
              <div class="hallType">IMAX厅</div>
              <div class="hallType">RealD厅</div>
              <div class="hallType">RealD 6FL厅</div>
              <div class="hallType">4DX厅</div>
              <div class="hallType">4D厅</div>
            </div>

            <div class="discount-block">
              <div>
                <div class="discount-label normal card">
                  <img src="//p1.meituan.net/scarlett/ff1c6e33ed0ac3cd862910a83d4bf959583.png" />
                </div>
                <div class="discount-label-text">开卡特惠，29.9元起开卡</div>
              </div>
            </div>
          </div>

        </div>
      </a>
      <a href="/shows/25809">
        <div class="item mb-line-b"
             data-id="25809"
             data-bid="dp_wx_home_cinema_list">
          <div class="title-block box-flex middle">
            <div class="title line-ellipsis">
              <span>万达影城（中信泰富万达广场杜比影院店）</span>
              <span class="price-block">
                <span class="price">15.1</span><span class="q">元起</span>
              </span>
            </div>
            <div class="location-block box-flex">
              <div class="flex line-ellipsis">嘉定区马陆镇胜辛路426号5楼516商铺</div>
              <div class="distance">877.6km</div>
            </div>
            <div class="flex"></div>
            <div class="label-block">
              <div class="endorse">改签</div>
              <div class="snack">小吃</div>
              <div class="vipTag">折扣卡</div>
              <div class="hallType">Dolby Cinema厅</div>
              <div class="hallType">RealD厅</div>
            </div>

            <div class="discount-block">
              <div>
                <div class="discount-label normal card">
                  <img src="//p1.meituan.net/scarlett/ff1c6e33ed0ac3cd862910a83d4bf959583.png" />
                </div>
                <div class="discount-label-text">开卡特惠，29.9元起开卡</div>
              </div>
            </div>
          </div>

        </div>
      </a>
      <a href="/shows/12">
        <div class="item mb-line-b"
             data-id="12"
             data-bid="dp_wx_home_cinema_list">
          <div class="title-block box-flex middle">
            <div class="title line-ellipsis">
              <span>万达影城（江桥万达广场IMAX店）</span>
              <span class="price-block">
                <span class="price">15.1</span><span class="q">元起</span>
              </span>
            </div>
            <div class="location-block box-flex">
              <div class="flex line-ellipsis">嘉定区金沙江西路1075号江桥万达商业广场3楼（近金运路）</div>
              <div class="distance">880km</div>
            </div>
            <div class="flex"></div>
            <div class="label-block">
              <div class="endorse">改签</div>
              <div class="snack">小吃</div>
              <div class="vipTag">折扣卡</div>
              <div class="hallType">IMAX厅</div>
              <div class="hallType">RealD厅</div>
              <div class="hallType">4DX厅</div>
              <div class="hallType">4D厅</div>
            </div>

            <div class="discount-block">
              <div>
                <div class="discount-label normal card">
                  <img src="//p1.meituan.net/scarlett/ff1c6e33ed0ac3cd862910a83d4bf959583.png" />
                </div>
                <div class="discount-label-text">开卡特惠，29.9元起开卡</div>
              </div>
            </div>
          </div>

        </div>
      </a>
      <a href="/shows/14470">
        <div class="item mb-line-b"
             data-id="14470"
             data-bid="dp_wx_home_cinema_list">
          <div class="title-block box-flex middle">
            <div class="title line-ellipsis">
              <span>万达影城（颛桥龙盛IMAX店）</span>
              <span class="price-block">
                <span class="price">15.1</span><span class="q">元起</span>
              </span>
            </div>
            <div class="location-block box-flex">
              <div class="flex line-ellipsis">闵行区都市路3759号龙盛广场三楼308号铺</div>
              <div class="distance">881.1km</div>
            </div>
            <div class="flex"></div>
            <div class="label-block">
              <div class="endorse">改签</div>
              <div class="snack">小吃</div>
              <div class="vipTag">折扣卡</div>
              <div class="hallType">IMAX厅</div>
              <div class="hallType">RealD厅</div>
              <div class="hallType">RealD 6FL厅</div>
              <div class="hallType">4D厅</div>
            </div>

            <div class="discount-block">
              <div>
                <div class="discount-label normal card">
                  <img src="//p1.meituan.net/scarlett/ff1c6e33ed0ac3cd862910a83d4bf959583.png" />
                </div>
                <div class="discount-label-text">开卡特惠，29.9元起开卡</div>
              </div>
            </div>
          </div>

        </div>
      </a>
      <a href="/shows/24602">
        <div class="item mb-line-b"
             data-id="24602"
             data-bid="dp_wx_home_cinema_list">
          <div class="title-block box-flex middle">
            <div class="title line-ellipsis">
              <span>万达影城（闵行颛桥万达广场杜比影院店）</span>
              <span class="price-block">
                <span class="price">15.1</span><span class="q">元起</span>
              </span>
            </div>
            <div class="location-block box-flex">
              <div class="flex line-ellipsis">闵行区颛桥万达广场店</div>
              <div class="distance">881.2km</div>
            </div>
            <div class="flex"></div>
            <div class="label-block">
              <div class="endorse">改签</div>
              <div class="snack">小吃</div>
              <div class="vipTag">折扣卡</div>
              <div class="hallType">Dolby Cinema厅</div>
              <div class="hallType">RealD厅</div>
              <div class="hallType">4D厅</div>
            </div>

            <div class="discount-block">
              <div>
                <div class="discount-label normal card">
                  <img src="//p1.meituan.net/scarlett/ff1c6e33ed0ac3cd862910a83d4bf959583.png" />
                </div>
                <div class="discount-label-text">开卡特惠，29.9元起开卡</div>
              </div>
            </div>
          </div>

        </div>
      </a>
      <a href="/shows/25673">
        <div class="item mb-line-b"
             data-id="25673"
             data-bid="dp_wx_home_cinema_list">
          <div class="title-block box-flex middle">
            <div class="title line-ellipsis">
              <span>万达影城（金虹桥店）</span>
              <span class="price-block">
                <span class="price">15.1</span><span class="q">元起</span>
              </span>
            </div>
            <div class="location-block box-flex">
              <div class="flex line-ellipsis">长宁区茅台路179号金虹桥商场LG1</div>
              <div class="distance">886km</div>
            </div>
            <div class="flex"></div>
            <div class="label-block">
              <div class="endorse">改签</div>
              <div class="snack">小吃</div>
              <div class="vipTag">折扣卡</div>
            </div>

            <div class="discount-block">
              <div>
                <div class="discount-label normal card">
                  <img src="//p1.meituan.net/scarlett/ff1c6e33ed0ac3cd862910a83d4bf959583.png" />
                </div>
                <div class="discount-label-text">开卡特惠，29.9元起开卡</div>
              </div>
            </div>
          </div>

        </div>
      </a>
      <a href="/shows/10401">
        <div class="item mb-line-b"
             data-id="10401"
             data-bid="dp_wx_home_cinema_list">
          <div class="title-block box-flex middle">
            <div class="title line-ellipsis">
              <span>万达影城（虹桥店）</span>
              <span class="price-block">
                <span class="price">15.1</span><span class="q">元起</span>
              </span>
            </div>
            <div class="location-block box-flex">
              <div class="flex line-ellipsis">长宁区遵义路100号虹桥南丰城南区4层</div>
              <div class="distance">886.4km</div>
            </div>
            <div class="flex"></div>
            <div class="label-block">
              <div class="endorse">改签</div>
              <div class="snack">小吃</div>
              <div class="vipTag">折扣卡</div>
              <div class="hallType">RealD厅</div>
            </div>

            <div class="discount-block">
              <div>
                <div class="discount-label normal card">
                  <img src="//p1.meituan.net/scarlett/ff1c6e33ed0ac3cd862910a83d4bf959583.png" />
                </div>
                <div class="discount-label-text">开卡特惠，29.9元起开卡</div>
              </div>
            </div>
          </div>

        </div>
      </a>
    </div>

  </div>
</template>
<script>
export default {
  data () {
    return {}
  },
  created () {
    this.getFilterCinemas()
    this.getMoreCinemas()
  },
  methods: {
    async getFilterCinemas () {
      const res = await this.$http.getFilterCinemas()
      console.log(res)
    },
    async getMoreCinemas () {
      const res = await this.$http.getMoreCinemas()
      console.log(res)
    }
  }
}
</script>
<style lang="scss" scoped>
.movie {
  .selectbox {
    display: flex;
    justify-content: space-around;
    position: fixed;
    top: 150px;
    width: 100%;
    .slectbox {
      height: 40px;
      background-color: #fff;
      text-align: center;
      flex: 1;
      line-height: 40px;
    }
  }
  .message {
    margin-top: 40px;
    .item.mb-line-b {
      padding: 15px;
      background-color: #fff;
      border-bottom: 1px solid #eaeaea;
      .title {
        margin-bottom: 3px;
        height: 23px;
        color: #000;
        font-size: 16px;
        .price-block {
          color: #f03d37;
          margin-left: 15px;
          .price {
            font-size: 18px;
          }
          .q {
            font-size: 12px;
          }
        }
      }
      .location-block {
        display: flex;
        color: #666;
        font-size: 13px;
        .flex {
          width: 309px;
        }
        .distance {
          margin-left: 10px;
        }
      }
      .label-block {
        display: flex;
        margin: 4px 0;
        height: 17px;
        color: hsl(240, 100%, 47%);
        .endorse,
        .snack,
        .vipTag,
        .hallType,
        .allowRefund {
          margin-right: 5px;
          padding: 0 3px;
          font-size: 12px;
          border: 1px solid #589daf;
          color: #589daf;
        }
        .snack,
        .vipTag {
          border: 1px solid #ff9900;
          color: #ff9900;
        }
      }
      .discount-block {
        height: 20px;
        font-size: 12px;
        color: #999;
        margin-top: 6px;
        > div {
          display: flex;
          .card {
            img {
              width: 15px;
              height: 14px;
            }
          }
          .discount-label-text {
            margin-left: 5px;
          }
        }
      }
    }
  }
}
</style>
